<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>住房公积金</title>
<meta content="target-densitydpi=device-dpi,width=320,maximum-scale=2, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="email=no,address=no,telephone=no">
<meta name="description" content="住房公积金">
<meta name="keywords" content="住房公积金">
<link rel="apple-touch-icon-precomposed" href="http://img2.cache.oeeee.com/Public/Images/channel/mobile/weblogo.png">
<link href="css/mobile/mobile_default.css" rel="stylesheet"/>
<script type="text/javascript" src="js/dist/zepto.js"></script>
<script type="text/javascript" src="js/dist/zepto.js"></script>
<style type="text/css">
body,html{width:320px;}
.cell_1,.cell_2,.cell_3{width:223px; height:161px; position:relative; overflow:hidden; margin-bottom:20px; border:3px solid #C6C6C6;}
.cell_1 iframe{width:707px; height:261px; overflow:hidden; position:absolute; left:-11px; top:-45px;}
.cell_2 iframe{width:707px;height:261px; overflow:hidden; position:absolute; left:-243px; top:-45px;}
.cell_3 iframe{width:707px; height:261px; overflow:hidden; position:absolute; left:-473px; top:-45px;}
.sb_nav{width:320px; height:44px; line-height:44px; background-color:#fff; font-size:14px; text-align:center;}
.sb_nav a{width:33.33%; float:left; border-bottom:3px solid #fff;}
.sb_nav a.on{border-bottom:3px solid #5FC7ED;}
</style>


</head>

<body>
	<div style="height:125px; overflow:hidden;">
		<img width="320" src="images/sb_head.jpg">
	</div>
    <div class="sb_nav">
        <a class="sbNav on" href="javascript:;" rel="cell1">企业职工</a>
        <a class="sbNav" href="javascript:;" rel="cell2">机关事业单位</a>
        <a class="sbNav" href="javascript:;" rel="cell3">退休人员</a>
    </div>
    <div style="margin-top:20px;">
        <div id="cell1" class="cell cell_1">
            <iframe scrolling="no" src="http://www.nbhrss.gov.cn/sbxm/sebao/home05.jsp"></iframe>
        </div>
        <div id="cell2" class="cell cell_2" style="display:none;">
            <iframe scrolling="no" src="http://www.nbhrss.gov.cn/sbxm/sebao/home05.jsp"></iframe>
        </div>
        <div id="cell3" class="cell cell_3" style="display:none;">
            <iframe scrolling="no" src="http://www.nbhrss.gov.cn/sbxm/sebao/home05.jsp"></iframe>
        </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function() {
        var cell = $(".cell"),
            sbNav = $(".sbNav")
        sbNav.on("click",function() {
            sbNav.removeClass("on");
            $(this).addClass("on");
            var target = $(this).attr("rel");
            cell.css("display","none");
            $("#"+target).css("display","block");
        });
    });
    </script>
</body>

</html>
